layui.define(['jquery'], function(exports){
  
    layui.use('element', function(){
        var $ = layui.jquery
        var element = layui.element;
        var active = {
            tabAdd: function(){
              //新增一个Tab项
              element.tabAdd('demo', {
                title: '新选项'+ (Math.random()*1000|0) //用于演示
                ,content: '内容'+ (Math.random()*1000|0)
                ,id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
              })
            }
            ,tabDelete: function(othis){
              //删除指定Tab项
              element.tabDelete('demo', '44'); //删除：“商品管理”
              
              
              othis.addClass('layui-btn-disabled');
            }
            ,tabChange: function(){
              //切换到指定Tab项
              element.tabChange('demo', '22'); //切换到：用户管理
            }
          };
           //我的代码
        $(".layui-nav-item dd").on("click","a",function(){
            //判断ul(layui-tab-title)是否存在，存在就切换到指定Tab项，不存在新增一个Tab项
            let title=$(this).data("title")
            let id=$(this).data("menuid")
            let url=$(this).data("url")
            if($("li[lay-id="+id+"]").length>0){
                element.tabChange('demo', id); //切换到：用户管理
            }else{
            //新增一个Tab项
            let minHeight= $(document).height() - $(".layui-header").height() - $(".layui-footer").height() - $(".layui-tab-title").height() -27;

                element.tabAdd('demo', {
                    title: title //用于演示
                    ,content:'<iframe id="mainIframe" height="' + minHeight + 'px" width="100%" src="' + url + '" frameborder="0" scrolling="no" ></iframe>'
                    ,id:id //实际使用一般是规定好的id，这里以时间戳模拟下
                    })
                    //切换到指定Tab项
                    element.tabChange('demo', id); //切换到：用户管理
                }
            
        })
        $(window).on("resize",function(){
          minHeight=$(document).height()-$(".layui-header").height()-$(".layui-footer").height()-$(".layui-tab-title").height()-27
          $("#mainIframe").height(minHeight)
        })
      });
    
    
  });